  
<header>
	<h1 id="app_name" >Weather On Map</h1>
</header>

<div id="main">
	<div id="left_column">
		<div id="login">
			<%= render 'shared/login' %> 
		</div>
		<div id="search_result">
		</div>
		<div id="subs">
			<% if signed_in? %>
				<%= render @subscriptions %> 
			<% end %>
		</div>
		<div class="spacer"></div>
		<footer>
			<%= render 'shared/footer' %> 
		</footer>
	</div>
	<div id="right_column">
		<div id="search">
			<%= render 'shared/search' %> 
		</div>

		<div id="map_gem">
			
			<%= 
			if signed_in?
				gmaps({ 
					"markers" => { "data" => @markers.to_json },
          			:map_options => { :raw => '{ disableDefaultUI: true, scrollwheel: true, mapTypeId: google.maps.MapTypeId.SATELLITE, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.RIGHT_CENTER } }' }
				})
			else
				gmaps({ 
					:map_options => { :raw => '{ disableDefaultUI: true, scrollwheel: true, mapTypeId: google.maps.MapTypeId.SATELLITE, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.RIGHT_CENTER } }' }
				})
			end %>
		</div>
		<div class="spacer"></div>
	</div>
	
	<div class="spacer"></div>
	
</div>
